<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <!--<title>商品详情</title>-->
    <link rel="stylesheet" href="__PUBLIC__/Product/css/page_JFLGdetail.css">
     <link rel="stylesheet" href="__PUBLIC__/Product/css/lib/animate.css"> 
    <link rel="stylesheet" href="__PUBLIC__/Product/css/lib/swiper-3.4.2.min.css">
    <script src="__PUBLIC__/Product/js/lib/flexible.js"></script>
    <script src="__PUBLIC__/Product/js/lib/swiper-3.4.2.min.js"></script>
</head>
<body>
    <div class="detail_box">
        <!-- 头部 -->
        <div class="detail_header">
            <img class="goBack" src="__PUBLIC__/Product/img/fanhui.png" alt="返回">
            <p>商品介绍</p>
            <img class="shop_car" src="__PUBLIC__/Product/img/shop_car.png"/>
        </div>
        <!-- 内容 -->
        <div class="detail_content">
            <!-- 轮播图 -->
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <!--<div class="swiper-slide">
                        <img src="../../img/1.jpg" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="../../img/2.jpg" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="../../img/3.jpg" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="../../img/4.jpg" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="../../img/5.jpg" alt="">
                    </div>-->
                </div>
                <!-- 分页器 -->
                <div class="swiper-pagination"></div>
            </div>
            <div class="good_information">
                <p class="good_name"></p>
                <!--<p class="gift">送价值39元的无线鼠标，赠品数量有限，先到先得</p>-->
                <p class="good_price"><span>￥</span><span class="newP"></span></p><!--<span>原价：￥</span><span class="oldP"></span>-->
                <p class="express-count">
                    <span>快递：</span>
                    <span>免运费</span>
                    <span>|</span>
                    <span>仅剩：</span>
                    <span class="Stock"></span>
                    <span>件</span>
                </p>
                <!--<p class="package-color">
                    <span>选择套餐类型，颜色分类</span>
                    <span><img src="__PUBLIC__/Product/img/right.png" alt="" /></span>
                </p>-->
                <div class="good_detail">
                	<div class="slow_choseCon">
                		<img src="__PUBLIC__/Product/img/detail1.png" style="height: 0.34666666rem;width: 9.46666666rem;"/>
	                    <!--<span class="blank"></span>
	                    <span class="squire">◆</span>
	                    <span class="pur"><img src="__PUBLIC__/Product/img/detail.png" alt="">&nbsp;商品详情</span>
	                    <span class="squire">◆</span>
	                    <span class="blank"></span>-->
	                </div>
	                <div class="detailImg_box">
	                	<!--<img class="img" src="__PUBLIC__/Product/img/protuct.png"/>-->
	                	<img class="img" src="" alt="" />
	                </div>
	                <div class="kongbai"></div>
                </div>
            </div>
        </div>
        <!--付款-->
		<!--<div class="payment_foot pay_alert">
			<div class="payment">
				<p>支付详情</p>
				<img class="close closePay" src="__PUBLIC__/Product/img/xx.png"/>
			</div>
			<div class="prompt">
				<span>共计:</span>
				<span class="pur_price">￥200.00</span>
				<span>请您选择支付方式</span>
			</div>
			<div class="payment_mode">
				<div class="mode_row">
					<input type="hidden" value="1" />
					<div class="row_Lt">
						<img src="__PUBLIC__/Product/img/weixin.png"/>
					</div>
					<div class="row_con">
						<p class="mode_name">微信支付</p>
						<p class="p2">选择微信账号进行支付</p>
					</div>
					<div class="row_Rt">
						<div class="pur_cir">
							<div class="pur"></div>
						</div>
					</div>
				</div>
				<div class="mode_row">
					<input type="hidden" value="2" />
					<div class="row_Lt">
						<img src="__PUBLIC__/Product/img/lianlian.png"/>
					</div>
					<div class="row_con">
						<p class="mode_name">连连支付</p>
						<p class="p2">选择连连账号进行支付</p>
					</div>
					<div class="row_Rt">
						<div class="pur_cir">
							<div class="pur"></div>
						</div>
					</div>
				</div>
			</div>
			<div class="confirm_cfm">确定支付</div>
		</div>-->
        <!-- 商品信息 -->
        <div class="good_Info">
            <div class="Info_top">   
                <div class="good_img">
                    <img class="thumbnail" src="" alt=""><!--__PUBLIC__/Product/img/luyouqi.gif-->
                </div>
                <div class="top_right">
                    <div class="close"><img src="__PUBLIC__/Product/img/guanbi.png" alt=""></div>
                    <p class="price_p"><span>￥</span><span class="info_price"></span></p>
                    <p>库存: <span class="info_Stock"></span>件</p>
                </div>
            </div>
            <div class="Info_content">
                <div class="buy_num">
                    <p class="float">购买数量</p>
                    <p class="reduce float"><b>-</b></p>
                    <input type="text" value="1" class="num float" disabled="disabled">
                    <p class="add float"><b>+</b></p>
                </div>
            </div>
        </div>
        <!-- 脚部一，带返回首页按钮 -->
        <div class="detail_foot">
        	<ul class="foot_ul">
        		<li class="foot_li_Lt">
        			<img src="__PUBLIC__/Product/img/home_page.png" alt="" />
        			<p>首页</p>
        		</li>
        		<li class="foot_li_con">
        			<a href="#" class="shopingCar">加入购物车</a>
        		</li>
        		<li class="foot_li_Rt">
        			<a href="#" class="farstBuy">立即购买</a>
        		</li>
        	</ul>
        </div>
        <!-- 脚部二 ，只有加入购物车和立即购买按钮-->
        <!--<div class="detail_footTwo">
        	<ul class="foot_ulTwo">
        		<li class="foot_li_Lt">
        			<a href="#" class="shopingCar">加入购物车</a>
        		</li>
        		<li class="foot_li_Rt">
        			<a href="#" class="farstBuy">立即购买</a>
        		</li>
        	</ul>
        </div>-->
        <!-- 脚部三，加入购物车的确定按钮 -->
        <div class="detail_footThree addCar">确定</div>
        <!-- 脚部四，立即购买的确定按钮 -->
        <div class="detail_footThree quickBuy">确定</div>
        <!-- 蒙版 -->
        <div class="mask"></div>
        <!-- 提示弹窗 -->
        <div class="errAlert"></div>
    </div>
</body>
</html>
<script src="__PUBLIC__/Product/js/lib/jquery3.2.1.js"></script>
<script src="__PUBLIC__/Product/js/lib/carousel.js"></script>
<script src="__PUBLIC__/Product/js/page_JFLGdetail.js"></script>